<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>充值记录</title>
    <link href="css/swiper.min.css" rel="stylesheet"/>
    <link href="css/public.css" rel="stylesheet"/>
    <link href="css/main.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>

    <script src="./js/jquery-1.9.1.js"></script>

    <script src="js/mobile-util.js"></script>
    <script src="js/layer/layer.js"></script>
	<script src="js/public.js"></script>
	<script src="js/laydate.js"></script>
    <script src="../mifiadmin/js/common.js"></script>
</head>
<body>

<header class="mui-bar mui-bar-nav indexheader flex">
    <div class="headerlogo" onclick="back()">
        <i class="iconfont backbtn">&#xe602;</i>
    </div>

    <div class="headertitle">
        <p>充值记录</p>
    </div>

    <div class="headerright timeright">
        <p class="timepbox iconfont">&#xe6d9;</p>
		<input type="text" placeholder=""  id="datebox" readonly="readonly">
    </div>

</header>


<main class="recordmain">

<ul class="recordlist">
    <li class="flex">
        <div class="recordimg">
            <i class="iconfont">&#xe604;</i>
        </div>
        <div class="recordinfo">
            <p class="recordtitle">微信充值</p>
            <p class="recordtime">2017-12-22</p>
        </div>
        <div class="recordstate">
            <p class="recordprice">100</p>
            <p class="recordsta">交易关闭</p>
        </div>

    </li>

    <li class="flex">
        <div class="recordimg">
            <i class="iconfont">&#xe604;</i>
        </div>
        <div class="recordinfo">
            <p class="recordtitle">微信充值</p>
            <p class="recordtime">2017-12-22</p>
        </div>
        <div class="recordstate">
            <p class="recordprice">100</p>
            <p class="recordsta">交易关闭</p>
        </div>

    </li>

    <li class="flex">
        <div class="recordimg">
            <i class="iconfont">&#xe604;</i>
        </div>
        <div class="recordinfo">
            <p class="recordtitle">微信充值</p>
            <p class="recordtime">2017-12-22</p>
        </div>
        <div class="recordstate">
            <p class="recordprice">100</p>
            <p class="recordsta">交易关闭</p>
        </div>

    </li>

    <li class="flex">
        <div class="recordimg">
            <i class="iconfont">&#xe604;</i>
        </div>
        <div class="recordinfo">
            <p class="recordtitle">微信充值</p>
            <p class="recordtime">2017-12-22</p>
        </div>
        <div class="recordstate">
            <p class="recordprice">100</p>
            <p class="recordsta">交易关闭</p>
        </div>

    </li>

    <li class="flex">
        <div class="recordimg">
            <i class="iconfont">&#xe604;</i>
        </div>
        <div class="recordinfo">
            <p class="recordtitle">微信充值</p>
            <p class="recordtime">2017-12-22</p>
        </div>
        <div class="recordstate">
            <p class="recordprice">100</p>
            <p class="recordsta">交易关闭</p>
        </div>

    </li>



</ul>

</main>

</body>


<script>
	laydate.render({
		elem: '#datebox'
		,type: 'month'
		,ready: function(date){
			$('.timepbox').hide();
		}

	},function(){

	});


</script>



</html>
